:root {
  --main-color: #ffffff;
  --second-color: #fafafa;
  --bar-color: #8dc26f;
  --main-text-color: #000000;
}

.index-page {
  a {
    text-decoration: none;
  }
  ul,
  li {
    list-style: none;
  }
  .waterfall-list {
    position: relative;
    .item {
      position: absolute;
      box-sizing: border-box;
      width: 180px;
      border: 1px solid #dfdfdf;
      background: #fff;
      overflow: hidden;
      transition: all 0.8s;
      padding: 12px;
      opacity: 0;
      &__img {
        img {
          width: 100%;
        }
      }
      &__title {
        border-bottom: 1px solid #dbdbdb;
      }
      &__info {
        font-size: 12px;
        line-height: 1.8;
        color: #aaa;
      }
    }
    .item:hover {
      // transform: scale(1.1, 1.1);
      z-index: 99;
    }
  }
}
